<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="format-detection" content="telephone=no"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <title>扫码加入</title>
    <link rel="stylesheet" href="../../fonts/font_awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="../../js/mui/css/mui.min.css">
    <link rel="stylesheet" href="../../css/mui-app-style.css">
    <style>
        body,.mui-content{
            background: #C03A38!important;
        }
        .qrMain{
            margin:80px auto 50px;
        }
        .qrcode-controls{
            border:10px solid #fff;
        }
        .qrcode-controls{
            width:220px;
            height:220px;
            position: relative;
            margin:0 auto;
            border-radius:50%
        }
        .qrcode-control{
            width:120px;
            height:120px;
            position: relative;
            margin:40px auto 0;
        }
        .qrcode-control .image{
            width:40px;
            height: 40px;
            position: absolute;
            left:50%;
            top:50%;
            margin:-20px 0 0 -20px;
            overflow: hidden;
        }
        .qrcode-control .image img{
            border-radius: 5px;
            width:40px;
            height: 40px;
        }
        .mui-content h1{
            padding:30px 0 10px;
            color: #fff;
        }
        .mui-content .tjname{
            color: #fff;
            font-size:16px;
        }
        #tjbox{
            margin:0 50px;
            color: #fff;
            font-size:16px;
        }
        #tjbox .mui-row{
            padding:5px 0;
        }

    </style>
</head>
<body class="vertical">
<header class="mui-bar mui-bar-nav">
    <a class="mui-action-back mui-icon mui-icon-back mui-pull-left"></a>
    <h1 class="mui-title"><!--业绩--></h1>
</header>
<div class="mui-content" >
    <h1 class="mui-text-center">加入X联盟</h1>
    <div class="mui-text-center tjname">优秀创业导师: <span id="name">李水龙</span></div>
    <div class="qrMain mui-text-center">
        <div class="qrcode-controls">
            <div class="qrcode-control">
                <div id="qrcode"></div>
                <div class="image">
                    <img src="../../images/logo.png" width="50" alt="">
                </div>
            </div>
        </div>
    </div>
    <div id="tjbox">
        <div class="mui-row">
            <div class="mui-col-xs-6">推荐人</div>
            <div class="mui-col-xs-6 mui-text-right">李水龙</div>
        </div>
        <div class="mui-row" style="border-top:1px solid #fff;">
            <div class="mui-col-xs-6">手机号</div>
            <div class="mui-col-xs-6 mui-text-right">13456789098</div>
        </div>
    </div>
</div>
<script src="../../js/mui/js/mui.min.js"></script>
<script src="../../js/mui-qrcode/qrcode.min.js"></script>
<script src="../../js/common/crypto-js.js"></script>
<script src="../../js/common/common.js"></script>
<script>
    mui.ready(function () {
        // 设置参数方式
        var qrcode = new QRCode('qrcode', {
            text: 'http://192.168.0.108/mui-lm-app/pages/login/register_yq.html', // 注册链接
            // text: 'http://www.baidu.com',
            width: 120,
            height: 120,
            colorDark : '#000000',
            colorLight : '#ffffff',
            correctLevel : QRCode.CorrectLevel.H
        });
    })
</script>
</body>
</html>